<app-navigation>
  <ng-container class="nav-list">
    <a mat-list-item href="#" routerLink="ch01/example01">1. Canvas基础</a>
    <mat-divider></mat-divider>
    <a mat-list-item href="#" routerLink="ch02/example01">2.1 直线绘制</a>
    <a mat-list-item href="#" routerLink="ch02/example02">2.2 调色板</a>
    <a mat-list-item href="#" routerLink="ch03/example01">3.1 圆形</a>
    <a mat-list-item href="#" routerLink="ch03/example02">3.2 圆弧</a>
    <a mat-list-item href="#" routerLink="ch03/example03">3.3 二次贝塞尔</a>
    <a mat-list-item href="#" routerLink="ch03/example04">3.4 三次贝塞尔</a>
    <a mat-list-item href="#" routerLink="ch03/example05">3.5 扇形</a>
    <a mat-list-item href="#" routerLink="ch04/example01">4 线条操作</a>
    <a mat-list-item href="#" routerLink="ch05/example01">5 文本操作</a>
    <a mat-list-item href="#" routerLink="ch06/example01">6.1 图片操作</a>
    <a mat-list-item href="#" routerLink="ch06/example02">6.2 切割图片</a>
  </ng-container>

  <router-outlet class="content"></router-outlet>
</app-navigation>
